<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<!DOCTYPE html>
<html lang="en">
<head>
    <title>扫码支付</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="viewport"
          content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
    <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
    <meta http-equiv="Pragma" content="no-cache" />
    <meta http-equiv="Expires" content="0" />
    <link rel="stylesheet" href="../resources/weui/style/weui.css"/>
    <script type="text/javascript" src="../resources/js/jquery-1.10.2.min.js"></script>
    <script type="text/javascript" src="../resources/js/zepto.min.js"></script>
    <style>
        .desc > .weui-form-preview__item {
            font-size: .82em;
            line-height: 2.2;
        }

        .page__ft img {
            height: 9px;
        }

        #amount:before {
            content: '¥ ';
        }
html, body{ margin:0; height:99%; background-color:  #F5F5F5}
.weui-msgs{
  text-align:center;
}

    </style>
</head>
 
<body>
<div class="weui-msgs">

  
   <table >
  <tr>
    <th>  <div  style="margin-bottom:5px;text-align: left;" >
        <i id="icon_msg" class="weui-icon-success" style="  font-size:40px;padding-top: 5px ;"> </i>   
    </div></th>
      <th>    <i  id="msg_success"  style="font-size:25px;color: #09BB07;">支付成功</i></th>

  </tr>
 
</table>


    <div class="weui-form-preview" id="order">
        <div class="weui-form-preview__hd">
            <div class="weui-form-preview__item">
                <label class="weui-form-preview__label">付款金额</label>
                <em class="weui-form-preview__value" id="amount">${data.tollFare}</em>
            </div>
        </div>
        <div class="weui-form-preview__hd ">
            <div class="weui-form-preview__item">
                <label class="weui-form-preview__label">订单号</label>
                <span class="weui-form-preview__value" id="title">${data.orderNo}</span>
            </div>
            <div class="weui-form-preview__item">
                <label class="weui-form-preview__label">车牌号</label>
                <span class="weui-form-preview__value" id="plate"> ${data.plate} </span>
            </div>
            <div class="weui-form-preview__item" >
                <label class="weui-form-preview__label">备注</label>
                <span class="weui-form-preview__value" id="remark"></span>
            </div>
        </div>
         
          <div class="weui-form-preview__hd">
          
            <div class="weui-form-preview__item" >
                <label class="weui-form-preview__label">下载ITC享极速支付</label>
                <span class="weui-form-preview__value" id="">        
			            <a href="https://www.pgyer.com/itc-pay"
			              style="margin-left:-2px;">
			                <img src="../resources/img/ljzx.jpg"/>
			            </a>
        		</span>
            </div>
        </div>
    </div>


    <%--Copyright 路盟科技 &copy; 京ICP备15005853号-1--%>
    <div class="weui-footer weui-footer_fixed-bottom">
    <%--     <p class="weui-footer__links wxfooter">
            <a href="https://mp.weixin.qq.com/mp/profile_ext?action=home&__biz=MzUyMDMzMDg2OQ==&scene=124#wechat_redirect"
               class="weui-footer__link" style="color: #00ce12;font-size: 9pt">
                <img height="14px" src="../resources/img/wx.png"/>&nbsp;&nbsp;关注公众号</a>
        </p>--%>
        <p class="weui-footer__text" style="color: #000;margin-top: 5px;">
            <img height="10px" src="../resources/img/logo.png"/>
            <div style="width: 100%;text-align: center;color: 	#A9A9A9;font-size: 12px ;font-family: FangSong">北京路盟科技有限公司</div>
        </p>
    </div>
</div>

<script>

    var code =${code};

    if (code == 200) {
        $('#remark').html("您已成功支付通行费，可以正常通行收费站<br\/>如对订单有疑问,请次日提供您的订单号联系客服");
        $('#msg_title').hide();
    } else {
        $('#icon_msg').removeClass("weui-icon-success").addClass("weui-icon-warn");
        $('#msg_success').html('支付失败');
        $('#msg_title').show();
        $('#order').hide();
    }
    var ua = window.navigator.userAgent.toLowerCase();
    //判断是不是微信
    if (ua.match(/MicroMessenger/i) == 'micromessenger') {
        channel = 'wx_pub';
    }
    //判断是不是支付宝
    else {
       $('.wxfooter').hide();
    }

</script>
</body>
</html>
